    <div class="t">
    <header class="header" style="position: relative;background: #fff;">
        <div class="container">
            <h1 class="logo"><a href="index.html">
                <img src="assets/images/logo_blue.png" alt="">
            </a></h1>
            <div class="cart">
            <a class="header-cart icon-cart " href="car.html" style="color:#333">
                <em>0</em>
            </a>
            <div class="cart-cont">

            </div>
        </div>
            <div class="header-user icon-user" style="color:#333">
            <ul class="NoLogin">
                    <span></span>
                    <li ><a href="login.html">立即登录</a></li>
                    <li ><a href="register.html">立即注册</a></li>
                    <li ><a href="#">我的订单</a></li>
                    <li ><a href="#">M码通道</a></li>
                </ul>
                <ul class="YesLogin">
                    <span></span>
                    <li ><a href="personal.html">个人中心</a></li>
                    <li ><a href="personal.html">我的订单</a></li>
                    <li ><a href="#">M码通道</a></li>
                    <li ><a href="javascript:;" class="out">退出登录</a></li>
                </ul>
            </div>
            <div class="header-search">
                <input type="text" placeholder="魅族 16s Pro">
                <a class="icon-search" href=""></a>
        </div>
            <ul class="nav">
                <li class="nav-item"data-subNav="nav-phone"><a href="phone.html" style="color: #333">手机</a></li>
                <li class="nav-item"data-subNav="nav-acoustics"><a href="#" style="color: #333">声学</a></li>
                <li class="nav-item "data-subNav="nav-parts"><a href="" style="color: #333">配件</a></li>
                <li class="nav-item "data-subNav=" nav-life"><a href="#" style="color: #333">生活</a></li>
                <li class="nav-item"><a href="#" style="color: #333">Flyme</a></li>
                <li class="nav-item"><a href="#" style="color: #333">服务</a></li>
                <li class="nav-item"><a href="#" style="color: #333">专卖店</a></li>
                <li class="nav-item"><a href="#" style="color: #333">社区</a></li>
                <li class="nav-item "data-subNav=" nav-app"><a href="#" style="color: #333">APP下载</a></li>
            </ul>
        </div>
    </header>
    <!-- 小导航开始 -->
    <div class="sub-nav">
        <div class="container">
        <div class="sub-nav_wrap" data-link="nav-phone">
            <a href="#">
                <img src="assets/images/cont/1-1.jpg" alt="#">
                <span>魅族 16s Pro</span>
                <span>￥2699</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/1-2.jpg" alt="#">
                <span>魅族 16Xs</span>
                <span>￥1499</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/1-3.jpg" alt="#">
                <span>魅族 16s</span>
                <span>￥2699</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/1-4.jpg" alt="#">
                <span>魅族 Note9</span>
                <span>￥1199</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/1-5.jpg" alt="#">
                <span>魅族 16th</span>
                <span>￥2298</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/1-6.jpg" alt="#">
                <span>魅族 16X</span>
                <span>￥1598</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/1-7.jpg" alt="#">
                <span>魅族 X8</span>
                <span>￥1298</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/1-8.jpg" alt="#">
                <span>魅族 Note8</span>
                <span>￥999</span>
            </a>
        </div>
        <div class="sub-nav_wrap" data-link="nav-acoustics">
            <a href="#">
                <img src="assets/images/cont/2-1.jpg" alt="#">
                <span>MEIZU UR 耳机</span>
                <span>￥200</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/2-2.jpg" alt="#">
                <span>魅族 EP3C 耳机</span>
                <span>￥129</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/2-3.jpg" alt="#">
                <span>HiFi 解放耳放</span>
                <span>￥269</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/2-4.jpg" alt="#">
                <span>POP2 真无线蓝牙</span>
                <span>￥399</span>
             </a>
             <a href="#">
                <img src="assets/images/cont/2-5.jpg" alt="#">
                <span>EP63NC 无线降噪</span>
                <span>￥499</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/2-6.jpg" alt="#">
                <span>HiFi 解码耳放</span>
                <span>￥169</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/2-7.jpg" alt="#">
                <span>魅族 EP2C 耳机</span>
                <span>￥129</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/2-8.jpg" alt="#">
                <span>HALO 激光蓝牙耳机</span>
                <span>￥499</span>
            </a>
        </div>
        <div class="sub-nav_wrap" data-link="nav-parts">
            <a href="#">
                <img src="assets/images/cont/3-1.jpg" alt="#">
                <span>魅族移动电源3</span>
                <span>￥79</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/3-2.jpg" alt="#">
                <span>魅族路由器 极速版</span>
                <span>￥99</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/3-3.jpg" alt="#">
                <span>魅族Micro USB 数据线</span>
                <span>￥29</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/3-4.jpg" alt="#">
                <span>Type-C 金属数据线</span>
                <span>￥39</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/3-5.jpg" alt="#">
                <span>快速充电适配器</span>
                <span>￥69</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/3-6.jpg" alt="#">
                <span>16s Pro 亲肤壳膜</span>
                <span>￥39</span>
            </a>
        </div>
        <div class="sub-nav_wrap" data-link="nav-life">
            <a href="#">
                <img src="assets/images/cont/4-1.jpg" alt="#">
                <span>Lifeme 梨木伞</span>
                <span>￥499</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/4-2.jpg" alt="#">
                <span>Pandaer readnap T恤</span>
                <span>￥199</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/4-3.jpg" alt="#">
                <span>魅族星球探索 鼠标垫</span>
                <span>￥69</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/4-4.jpg" alt="#">
                <span>魅族星球探索 帆布袋</span>
                <span>￥69</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/4-5.jpg" alt="#">
                <span>魅族极简都市双肩包</span>
                <span>￥179</span>
            </a>
            <a href="#">
                <img src="assets/images/cont/4-6.jpg" alt="#">
                <span>魅族Mini线控自拍杆</span>
                <span>￥59</span>
            </a>
        </div>
        <div class="sub-nav_wrap nav-app-a" data-link="nav-app">
            <div class="app">
            <img src="assets/images/cont/5.jpg" alt="">
        </div>
        </div>
        </div>
    </div>
</div>

<!-- 底部开始 -->
<footer class="b">
    <div class="container">
        <div class="footer-warp">
            <div class="footer-row">
                <ul class="footer-service">
                    <li><a href="#"><img src="assets/images/footer/1.png" alt=""><span>满80免运费</span></a></li>
                    <li><a href="#"><img src="assets/images/footer/2.png" alt=""><span>100+城市次日送达</span></a></li>
                    <li><a href="#"><img src="assets/images/footer/3.png" alt=""><span>7天无理由退货</span></a></li>
                    <li><a href="#"><img src="assets/images/footer/4.png" alt=""><span>15天换货保障</span></a></li>
                    <li><a href="#"><img src="assets/images/footer/5.png" alt=""><span>1年免费保修</span></a></li>
                    <li><a href="#"><img src="assets/images/footer/6.png" alt=""><span>上门快修</span></a></li>
                </ul>
                <div class="onlive-server">
                    <span>周一至周日 8:00-20:00</span>
                    <p class="ter">400-788-3333</p>
                    <a href="#" class="onlive-btn">在线服务</a>
                </div>
            </div>
            <hr>
            <div class="footer-bottom">
                <div class="footer-info">
                    <ul>
                        <li><a href="#">了解魅族</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">FLyme</a></li>
                        <li><a href="#">魅族社区</a></li>
                        <li><a href="#">天猫旗舰店</a></li>
                        <li><a href="#">问题反馈</a></li>
                        <li><a href="#">线上销售权名单公示</a></li>
                        <li><a href="#">出版物经营许可证</a></li>
                        <li class="language">
                            <img src="assets/images/footer/7.png" alt="">
                            简体中文
                            <ul>
                                <li><img src="assets/images/footer/7.png" alt="">简体中文</li>
                                <li><img src="assets/images/footer/8.png" alt="">繁体中文</li>
                                <li><img src="assets/images/footer/9.png" alt="">English</li>
                                <li><img src="assets/images/footer/10.png" alt="">Русский</li>
                                <li><img src="assets/images/footer/11.png" alt="">Türkiye</li>
                            </ul>
                        </li>
                    </ul>
                    <div class="certificate">
                        ©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved.    
                        <a href="#">粤ICP备13003602号</a>
                        <a href="#">合字B2-20170010 </a>
                        <a href="#">营业执照 </a>
                        <a href="#">法律声明 </a>
                        <span><i class="icon-smile"></i>粤公网安备 44049102496009 号</span>
                        <i class="icon-tongue"></i>
                        <i class="icon-sad"></i>
                        <i class="icon-wink"></i>
                    </div>
                </div>
                <div class="subsrcibe">
                    <a href="javascript:;">
                        <img src="assets/images/footer/12.png" alt="" style="display: none" >
                        <i class="icon-github"></i>
                    </a>
                    <a href="javascript:;">
                        <img src="assets/images/footer/13.jpg" alt="" style="display: none">
                        <i class="icon-twitter"></i>
                    </a>
                    <a href="javascript:;"><i class="icon-android"></i></a>
                    <a href="javascript:;"><i class="icon-IcoMoon"></i></a>
                </div>
            </div>
        </div>
    </div>
</footer>


